<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <script src="package/Chart.bundle.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
    <script src="chart/node_modules/chart.js/auto/auto.js" type="node_modules"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="function/addline.js" type="text/javascript"></script>
    <script src="/function/pics/icon.png"></script>
    <title>我的数据</title>
    <style>
        body{
            background-color:white;
        }
        .block{
            font-size: smaller;
            line-height: 20px;
            text-align: center;
        }
        table#interface{
            width: 1000px;
            margin:0 auto;
            background-color: snow;
            border: gray 1px solid;
            border-collapse: collapse;
        }
        table td{
            border: gray 1px solid;
            width: 25%;
        }
    </style>
</head>
<body>
    <table id="interface"  class="block">
        <thead>
            <tr>
                <td>项目</td>
                <td>设备</td>
                <td>游戏场景</td>
                <td>采集时间</td>
            </tr>
        </thead>
        <tbody id="newblock">

        </tbody>
    </table>
    <script>
        $.ajax({
            url:"http://10.11.176.109:8000/case_list",
            data:{},
            type:'GET',
            dataType:'json',
            jsonp:'jsonpCallback',
            success:function(data){
                for(var key in data["data"]){
                    //获取caseId
                    var id=data["data"][key].caseID;
                    //调用函数来创建“项目”表格项
                    var tr=createname(id);
                    addblock(data["data"][key],tr);
                }
            }
        });
    </script>
</body>
</html>